@charset "utf-8";
/* -------------------------------- */
/* paneo paneo page design style    */
/* -------------------------------- */

@import 'share';
@import 'styleset';

#headline {
background-color                       : $main_color2;
height                                 : 9px;
width                                  : 100%;
position                               : fixed;
top                                    : 0;
margin                                 : 0;
padding                                : 0;
z-index                                : 999;
}

#footline {
background-color                       : $main_color2;
height                                 : 9px;
width                                  : 100%;
z-index                                : 999;
position                               : fixed; /* 固定 */
display                                : table-cell;
vertical-align                         : middle;
bottom                                 : 0;
width                                  : 100%;
}

/* logo */
h2.logo {
height                                 : 120px;
line-height                            : 2;
text-indent                            : 100%;
white-space                            : nowrap;
overflow                               : hidden;
background-image                       : url( ${paneoimg("site_img1")} );
background-size                        : contain;
background-repeat                      : no-repeat;
}

a.logo {
margin-top                             : -5%;
display                                : block;
line-height                            : 4;

background-image                       : url( ${paneoimg("site_img1")} );
background-size                        : contain;
background-repeat                      : no-repeat;

text-indent                            : 100%;
white-space                            : nowrap;
overflow                               : hidden;
text-indent                            : -9999px\9;
}


// ul {
// list-style-type                     : none;
// margin                              : 0;
// padding                             : 0;
// }
// 
// section {
// margin-bottom                          : 2%;
// }
// 
// 
// footer {
// background-color                       : #000000;
// color                                  : #ffffff;
// }
// 
// footer p {
// text-align                             : center;
// }
// 
// /* sogokan css */
// div#topright {
// margin-top                             : 85px;
// }
// 
// #pagenavi {
// opacity                                : .8;
// position                               : fixed; 
// bottom                                 : 0; 
// width                                  : 100%; 
// height                                 : 92px;
// background-color                       : #e0e0e0;
// }

// 
// footer {
// margin-bottom                          : 64px;
// }
// 
// /* top */
// section#top-main-visual {
// margin-bottom                          : 2%;
// }
// 
// nav#anchor-navi ul {
// margin-bottom                          : 2%;
// }
// 
// nav#anchor-navi li {
// float                                  : left;
// margin                                 : 0 .5%;
// border                                 : 1px solid #909090;
// padding                                : 0 .7%;
// }
// nav#anchor-navi li a {
// font-size                              : 0.5em;
// }
// 
// 
// 
// 


/* document css */
.document {
    background-color:#ffffff;
    margin:0;
    padding: 3% 3% 64px 3%;
}
